/* Add here all your css styles (customizations) */

.clearfix:after,
.clearfix:before { display: table; line-height: 0; content: "" }
.clearfix:after { clear: both }
.clear-float { clear: both }
.text-indent { text-indent: 2em; }
a { color: #26c7fc; }
    a:hover { color: #26c7fc; }

.testimonials .carousel-arrow i:hover { background: #26c7fc; }
.funny-boxes-xs { padding: 5px; }
    .funny-boxes-xs ul { margin-bottom: 0px; }
ul { padding-left: 20px; }
.tag-box-xs { padding: 10px; border-bottom-width: 1px; margin-bottom: 0px; }
    .tag-box-xs.box-shadow:after, .tag-box-xs.box-shadow:before { top: 40%; }
.box-shadow .breadcrumbs { padding: 0; border-bottom: none; }
    .box-shadow .breadcrumbs .breadcrumb { padding: 0; position: unset; margin-bottom: 0px; }
.relative { position: relative; }
.absolute { position: absolute; }
.smarticker { background: #f9f9f9; margin-bottom: 0px; height: 22px; }
    .smarticker .tickertitle, .smarticker .newsholder { line-height: 22px; color: #7c8082; }
        .smarticker .newsholder li a { color: #7c8082; }
/*banner*/
.banner-container { width: 100%; height: auto; position: relative; padding: 0; overflow: hidden; }

    .banner-container li .tp-caption .icon-border { background-repeat: no-repeat; background-position: center center; padding: 10px; }
        .banner-container li .tp-caption .icon-border.android { background-image: url(http://files.runtoinfo.com/upload/images/000000/focus/android.png); }
        .banner-container li .tp-caption .icon-border.ios { background-image: url(http://files.runtoinfo.com/upload/images/000000/focus/ios.png); }
        .banner-container li .tp-caption .icon-border.windows { background-image: url(http://files.runtoinfo.com/upload/images/000000/focus/windows.png); }

.rotation { transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); animation: rotation 1s linear infinite; -moz-animation: rotation 1s linear infinite; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; }

.hexagon-lg { position: relative; background: url(/assets/images/focus/hexagon-hollow-big.png) no-repeat center center; width: 132px; height: 147px; }

    .hexagon-lg img { position: absolute; top: 50%; margin-top: -64px; left: 50%; margin-left: -56px; width: 112px; height: 129px; }

    .hexagon-lg .txt { position: absolute; width: 128px; height: 90px; top: 28%; color: #f0f0f0; font-size: 18px; word-wrap: break-word; word-break: break-all; white-space: normal; text-align: center; padding: 10px 20px 10px; }

.hexagon { width: 90px; height: 140px; background: url(/assets/images/focus/hexagon-hollow.png) no-repeat center center; position: relative; padding: 10px; }

    .hexagon .bg { position: absolute; top: 50%; margin-top: -44px; left: 50%; margin-left: -38px; width: 76px; height: 88px; background: url(/assets/images/focus/hexagon-solid.png) no-repeat center center; z-index: 1; }

        .hexagon .bg img { position: absolute; width: 38px; height: 38px; top: 50%; margin-top: -19px; left: 50%; margin-left: -19px; z-index: 9; }

.banner-container li .tp-caption p.txt-center { padding: 10px 0px 0px; color: #fff; font-size: 16px; }

@media (min-width: 992px) {
    .banner-container { margin-top: 0px; }
}

.banner-container .tp-banner { width: 100%; position: relative; }

.title-box h2 { color: #373d41 }

.title-box p { color: #6f7377 }

.light-bg { background: #f5f5f5; }


/*服务*/

.content-boxes .service:hover { border: none; border-radius: 0px; background: none; box-shadow: none; }

.content-boxes .service a { margin: 20px auto 5px; display: block; text-align: center; }

    .content-boxes .service a:hover .icon,
    .content-boxes .service a:hover h4 { color: #4cc3ed; transition: all 0.3s ease-in-out; }

.content-boxes .hint { color: #a9b0b4; overflow: hidden; text-align: center; margin-bottom: 20px; }

    .content-boxes .hint li { display: inline-block; }

.content-boxes .icon { color: #666; font-weight: normal; }

.content-boxes .icon-lg { font-size: 48px; width: 50px; height: 65px; margin: 0 auto; }
.split { font-size: 14px; color: #dcddde; padding: 0 5px; }


/*流程*/

.content-boxes .flow { overflow: hidden; }
    .content-boxes .flow li { background: #6f7377; width: 12.5%; float: left; text-align: center; padding: 10px 0; border-right: 1px solid #a9b0b4; box-sizing: border-box; color: #f0f0f0; }
        .content-boxes .flow li:hover { background: #009fd9; -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; transition: all 0.3s ease-in-out 0.1s; }
        .content-boxes .flow li .icon { color: #fff; margin-bottom: 5px; }
    .content-boxes .flow p { color: #fff; }

/*案例*/
.case { position: relative; color: #f7f7f7; background: url('/assets/images/case.jpg') no-repeat 50% 0 fixed; background-size: cover; }
    .case .container .title-box h2 { color: #f6f6f6; }
    .case .container .title-box p { color: #f0f0f0; }
    .case .container .content-boxes .show-more { border-color: #f0f0f0; }
.apps .tab-nav { overflow: hidden; }
    .apps .tab-nav li span { display: block; padding: 5px 10px; color: #f7f7f7; border: 1px solid #f0f0f0; margin: 10px auto; text-align: center; cursor: pointer; }
    .apps .tab-nav li.active span { background: rgba(255, 255, 255, 0.3); }
.apps .tab-panel .list { margin-left: 20px; padding-left: 30px; overflow: hidden; border-left: 1px solid #f0f0f0; }
.apps .tab-panel ul + ul { display: none; }
.apps .tab-panel .list li { }
    .apps .tab-panel .list li .img-thumbnail { width: 100%; border-radius: 0; height: 145px; padding: 10px; background: rgba(255,255,255,0.9);line-height: 125px; overflow: hidden; text-align: center; }
        .apps .tab-panel .list li .img-thumbnail img { max-width: 100%; max-height: 122px; }
    .apps .tab-panel .list li p { margin-top: 5px; }
        .apps .tab-panel .list li p a { color: #fff; }
.apps .tab-panel .list.app li .img-thumbnail { height: 145px; line-height: 120px;}
    .apps .tab-panel .list.app li .img-thumbnail img { width: 100%; height: auto;max-height:122px; padding: 5px; background: #fff; border-radius: 5px; }
.content-boxes .hot { margin: 15px auto; }
    .content-boxes .hot .line-title { background: #f0f0f0; color: #333; padding: 2px 5px; }
    .content-boxes .hot li { height: 24px; line-height: 24px; }
        .content-boxes .hot li a { color: #373d41; }
        .content-boxes .hot li time { color: #a9b0b4; float: right; font-size: 12px; }
.content-boxes .show-more { margin: 35px auto; border: 1px #6f7377 solid; padding: 5px 10px; width: 120px; text-align: center; }
    .content-boxes .show-more a { color: #f0f0f0; }
.content-boxes .slider img { height: 200px; }
.project-details strong { min-width: 70px; }

/*合作伙伴*/
.cooperative { background: url('/assets/images/concrete-texture.png') repeat center center; }
    .cooperative .container .content-boxes ul {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 25px;
     }
        .cooperative .container .content-boxes ul li {
            float: left;
            margin-right: 21px;
        }
          
            .cooperative .container .content-boxes ul li img { width: 137px; height: 48px; border: 1px solid #a9b0b4; background: rgba(255,255,255,0.1); padding: 5px 5px; margin-bottom: 10px; }

/*客户心声*/
.client-say { background: url('/assets/images/simple-bg.png') repeat center center; }

/*友情链接*/
.links { overflow: hidden; }

    .links .item { float: left; }

        .links .item + .item { margin-left: 30px; }

        .links .item img { border: solid 1px #a8d0e0; padding: 3px; width: 120px; height: 60px; }


/*footer*/

.footer { background-color: #009fd9; color: #fff; }
    .footer .footer-floor { padding: 36px 0 60px; overflow: hidden; }
.footer-list { height: 100%; float: left }
    .footer-list ul { }
    .footer-list .flist-4 { margin-right: 0 }
    .footer-list li { line-height: 32px }
        .footer-list li a { color: #b6e2f2; font-size: 12px; }
            .footer-list li a:hover { color: #fff }
    .footer-list .flist-title { font-size: 16px; color: #fff; margin-bottom: 15px }
.footer .copyright { padding: 15px 0px 0px; border-top: 1px solid #4cc3ed; }
    .footer .copyright a { color: #b6e2f2 }
        .footer .copyright a:hover { color: #a8d0e0; }
.foot-link { margin: 0 15px; text-decoration: none; color: #b6e2f2 }
.footer-right { float: right }
.telephone { width: 100%; height: 32px; line-height: 32px; color: #fff }
    .telephone .icon { display: block; width: 32px; height: 32px; margin-left: 16%; float: left; }
    .telephone .tel-number { font-size: 30px; font-weight: 400; text-align: right; }
.official-plat { width: 100%; height: 100%; margin-top: 20px; position: relative }
    .official-plat ul { float: right; margin-top: 7px }
        .official-plat ul li span { width: 32px; height: 32px; background: url(http://files.runtoinfo.com/upload/images/000000/plat_icon.png) no-repeat 0 0; line-height: 32px; float: left; margin-right: 12px }
        .official-plat ul li .weibo-logo { background-position: -32px 0 }
        .official-plat ul li .qq-logo { background-position: -64px 0 }
        .official-plat ul li { height: 45px }
        .official-plat ul a { display: inline-block; height: 32px; width: 100%; line-height: 32px; color: #fff; text-decoration: none; font-size: 12px }
    .official-plat > p { display: inline-block; width: 132px; height: 132px; border: 1px solid #ddd; background-color: #fff; position: absolute; top: 0; right: 135px; }
    .official-plat .weixin { background: url('http://files.runtoinfo.com/upload/images/202311/156383565289116767763593848.jpg') no-repeat center center; background-size: contain; }
    .official-plat .weibo { background: url('/assets/images/wechat.png') no-repeat center center; background-size: contain; display: none }
#wx-corner { border: 10px solid transparent; border-left: 10px solid #fff; position: absolute; top: 12px; right: -20px; z-index: 10 }
#wb-corner { border: 10px solid transparent; border-left: 10px solid #fff; position: absolute; top: 58px; right: -20px; z-index: 10 }
.five-superiority { width: 100%; border-bottom: 1px solid #27aede; padding: 10px 0 20px }
.five-superiority-list li { float: left; width: 20%; height: 40px; text-align: center; border-left: 1px solid #27aede }
    .five-superiority-list li:first-child { border-left: none }
    .five-superiority-list li a { display: inline-block; position: relative; width: 100%; height: inherit; line-height: 40px; background: no-repeat 2% center; text-indent: 1em; color: #fff; font-size: 16px }
        .five-superiority-list li a:hover { color: #bfe7f5 }
.superiority-icon { position: absolute; width: 40px; height: 40px; left: 10%; background-repeat: no-repeat; background-image: url('/assets/images/superiority.png') }
.compensate_ico .superiority-icon { background-position: 0 0 }
.compensate_ico:hover .superiority-icon { background-position: 0 -50px }
.retreat_ico .superiority-icon { background-position: 0 -100px }
.retreat_ico:hover .superiority-icon { background-position: 0 -150px }
.technology_ico .superiority-icon { background-position: 0 -200px }
.technology_ico:hover .superiority-icon { background-position: 0 -250px }
.prepare_ico .superiority-icon { background-position: 0 -300px }
.prepare_ico:hover .superiority-icon { background-position: 0 -350px }
.service_ico .superiority-icon { background-position: 0 -400px }
.service_ico:hover .superiority-icon { background-position: 0 -450px }

.copyright p { color: #b6e2f2; }

/*wave*/
.wave-list-box { float: left }
    .wave-list-box ul { float: left; height: 60px; overflow: hidden; zoom: 1 }
        .wave-list-box ul li { height: 60px; width: 100%; float: left; line-height: 30px; list-style: none }
.wave-box { position: relative; height: 60px; }
.marquee-box { overflow: hidden; width: 100%; position: absolute; left: 0; top: 0 }
.marquee { width: 8000%; height: 60px }

@media (max-width: 768px) {
    .content-boxes .flow li { width: 50%; border-top: solid 1px #a9b0b4; }
    .apps .tab-nav { border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }
    .apps .tab-panel .list { border-left: none; padding-left: 0px; margin-left: 0px; }
    .five-superiority-list li { width: 100%; margin: 10px auto; border-left: none; }
}

@media (min-width:768px) {
    .banner-container .tp-banner { overflow: hidden; }
}

/*登录*/
.sky-form { }
    .sky-form .input-group .form-control { padding: 6px 12px 6px 0px; }
.form-block { padding: 30px 40px; }
.form-block-header h2 { font-size: 18px; font-weight: 400; }
.form-block .input-group input.form-control { background: transparent; height: 45px; }
.form-block .form-control:focus { box-shadow: none; border-color: #999; }
.form-block .input-group-addon i { font-size: 14px; position: relative; top: 1px; }
.form-block .btn-u, .form-block .btn { text-transform: uppercase; font-size: 14px; padding-top: 12px; padding-bottom: 12px; }
.input-group-addon:first-child { border-right: 0; }

.login-block, .reg-block { margin-top: 80px; margin-bottom: 100px; border: solid 1px #eee; }
    .login-block .input-group-addon { color: #aaa; background: transparent; border-color: rgba(214,214,214,.5); padding-right: 0; }
    .login-block .input-group input.form-control { border-color: rgba(214,214,214,0.5); border-left: none; color: #aaa; }
.margin-bottom-70 { margin-bottom: 70px; }
.login-block .social-login { padding-top: 70px; border-top: 1px solid #aaa; position: relative; }

.reg-block { background: #fff; }
    .reg-block .input-group-addon { color: rgba(0,0,0,.2); background: transparent; border-color: rgba(214,214,214,.5); }
    .reg-block .input-group input.form-control { border-color: rgba(214,214,214,0.5); border-left: none; color: #969595; }
    .reg-block .checkbox label { display: list-item; list-style: none; max-width: 210px; }
    .reg-block .checkbox p { font-size: 13px; font-weight: 400; }
    .reg-block p { color: #969595; text-align: left; }
    .reg-block .tooltip-top-left { left: 0px; margin-bottom: 5px; }
    .reg-block .tooltip-bottom-left { left: 0px; margin-top: 5px; }
    .reg-block .tooltip-right { left: 300px; }
.modal { top: 190px; }

/*分页*/
.pager { width: 100%; text-align: center; overflow: hidden; margin-top: 0; }
    .pager span, .pager a { float: left; margin: 0px 5px; padding: 2px 8px; border: solid 1px #ccc; }
        .pager span.disabled { color: #ccc; border-color: #ddd; }
    .pager .btn-link { padding: 3px 12px; color: #26c7fc; }
        .pager .btn-link:hover { text-decoration: none; }

/*案例*/
.cbp-caption-zoom .cbp-caption-defaultWrap { height: 200px; line-height: 200px; overflow: hidden; text-align: center; }
.web-12,
.web-11,
.web-10 { background-repeat: no-repeat; background-position: center center; background-size: cover; }
    .web-12 .cbp-caption-defaultWrap img,
    .web-11 .cbp-caption-defaultWrap img,
    .web-10 .cbp-caption-defaultWrap img { width: 90px; height: 90px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; border-radius: 10px; background-color: #fff; }

.breadcrumbs-v3.img-v1 { background-image: url(/Assets/images/breadcrumbs/case.jpg) }
.project-details a { text-decoration: none; display: inline-block; max-width: 180px; height: 22px; line-height: 30px; overflow: hidden; }
.case-detail p img { max-width: 100%; }
blockquote.hero { font-size: 14px; }
.case-detail .box-shadow:after, .case-detail .box-shadow:before { top: 60%; }

.case-detail .owl-carousel-v4 .item { margin-bottom: 15px; background: #26c7fc; }
    .case-detail .owl-carousel-v4 .item + .item { margin-left: 10px; }
    .case-detail .owl-carousel-v4 .item:after { position: absolute; content: "+"; top: 40%; left: 45%; color: #fff; font-size: 50px; visibility: hidden; cursor: pointer; }
    .case-detail .owl-carousel-v4 .item img { width: 100%; height: 100%; }
    .case-detail .owl-carousel-v4 .item:hover img { opacity: 0.5; position: relative; }
    .case-detail .owl-carousel-v4 .item:hover:after { visibility: visible; }
.case-detail .owl-theme .owl-controls .owl-page.active span,
.case-detail .owl-theme .owl-controls.clickable .owl-page:hover span { background: #26c7fc none repeat scroll 0% 0%; }
.case-detail .owl-carousel-v4 a:hover { color: #26c7fc; text-decoration: underline; }
/*新闻列表*/
.news hr { margin: 15px 0; }
.news .cover { height: 180px; line-height: 180px; overflow: hidden; }
    .news .cover img { width: 100%; }
.news-v3 .post-shares li span { background: #3498db; }
.news-v3 h2 a:hover { color: #26c7fc; }
.news-v3 .posted-info li a:hover { color: #26c7fc; }
.posts .dl-horizontal dd a:hover { color: #26c7fc; }
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { color: #26c7fc; border-color: #3498db !important; transition: all 0.2s ease-in-out; }
.news .headline-v2 h4 { margin-bottom: 5px; }
.blog-thumb .blog-thumb-hover:hover:after { background: rgba(52,152,219,0.9); }
.news-v3 p { max-height: 44px; overflow: hidden; }
/*added in v1.9*/
.promo-section .tp-caption.Newspaper-Subtitle, .promo-section .Newspaper-Subtitle, .promo-section .erinyen .tp-tab-title { color: #26c7fc; }

.tp-bannertimer { background: #3498db; }
/*文章详细*/
.bg-color-light { color: #6f7377; }
.blog-info { text-align: center; margin-left: 0px; }
    .blog-info li { color: #999; font-size: 13px; }
.text-larger { font-size: 15px; }
ul.blog-tags li { height: 24px; overflow: hidden; }
ul.blog-tags a:hover { background: #3498db; }

.magazine-posts .magazine-posts-img { overflow: hidden; max-height: 105px; position: relative; }
.magazine-page span.magazine-badge-red { background: #e74c3c; }
.magazine-page span.magazine-badge { top: 0; left: 0; color: #fff; font-size: 14px; padding: 2px 8px; position: absolute; font-style: inherit; }
.blog-page .blog .text-larger p img { max-width: 100%; }

/*关于我们*/
.breadcrumbs-v3.about { background-image: url('http://files.runtoinfo.com/upload/images/000000/about-bg.jpg'); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.who li { overflow: hidden; }
    .who li i { color: #26c7fc; float: left; font-size: 18px; }
    .who li a { float: left; width: 90%; }
.team { background-image: url(/Assets/images/simple-bg.png) }
.team-v4 .team-social-v4 a:hover { color: #26c7fc; }
.team-v4 .item { border: solid 1px #efefef; }
    .team-v4 .item .info { width: 100%; bottom: 0; position: absolute; border-top: solid 1px #efefef; background: rgba(255,255,255,0.9); }
.testimonials-v4 { margin-right: 4px; }
.testimonials .testimonial-info { color: #26c7fc; }
.testimonials .carousel-arrow i { background: #fff; }
/*live chat girl*/
@keyframes scaleToggleOne {
    0% { transform: scale(1); -webkit-transform: scale(1) }
    50% { transform: scale(2); -webkit-transform: scale(2) }
    100% { transform: scale(1); -webkit-transform: scale(1) }
}

@keyframes scaleToggleTwo {
    0% { transform: scale(1); -webkit-transform: scale(1) }
    20% { transform: scale(1); -webkit-transform: scale(1) }
    60% { transform: scale(2); -webkit-transform: scale(2) }
    100% { transform: scale(1); -webkit-transform: scale(1) }
}

@keyframes scaleToggleThree {
    0% { transform: scale(1); -webkit-transform: scale(1) }
    33% { transform: scale(1); -webkit-transform: scale(1) }
    66% { transform: scale(2); -webkit-transform: scale(2) }
    100% { transform: scale(1); -webkit-transform: scale(1) }
}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 110px; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
    .livechat-girl:focus { outline: 0 }
    .livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
    .livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
    .livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
    .livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
    .livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
    .livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
    .livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
    .livechat-girl.animation-stopped .circle { opacity: 0 !important }
    .livechat-girl.animation-stopped .circle { opacity: 0 !important }
    .livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
        .livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
        .livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
        .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px !important }
            .livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }

@media only screen and (max-width:1599px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px !important }
}

@media only screen and (max-width:1309px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px !important }
}

@media only screen and (max-width:1124px) {
    .livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px !important }
}

.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
    .rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
    .rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
    .rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
    .rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
    .rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }